<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p1_CSS的三种位置</title>
    <link rel="stylesheet" href="./01.css">
    <!--2. -->
    <style>
        /*标签名选择器*/
        p {
            color: red;
        }
        h4 {
            border: 5px solid black;
        }
        div {
            color: blue;
            background: #4dc83e;
        }
    </style>

</head>
<body>
    <h4>哈哈哈哈哈哈</h4>
    <!--1.行内样式,加在当前元素上,只对当前行元素生效-->
    <h4 style="color: red;background: #4dc83e">哈哈哈哈哈哈</h4>
    <h4>哈哈哈哈哈哈</h4>

    <p id="123">郭伟杰</p>
    <p>郭伟杰</p>
    <p>郭伟杰</p>
    <p>郭伟杰</p>
    <p>郭伟杰</p>

    <div>我是div</div>
    <div>我是div</div>
    <div>我是div</div>
    <div>我是div</div>
</body>
</html>